<%@ Page Title="" Language="C#" MasterPageFile="~/PropertyInfo.master" AutoEventWireup="true" CodeFile="Trends.aspx.cs" Inherits="Property_Info_Trends" %>
<%@ MasterType VirtualPath="~/PropertyInfo.master" %>
<%@ Register assembly="DevExpress.Web.v9.1, Version=9.1.3.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxHiddenField" tagprefix="dxhf" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>
<%@ Register assembly="System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" namespace="System.Web.UI.DataVisualization.Charting" tagprefix="asp" %>
<%@ Register assembly="DevExpress.Web.v9.1, Version=9.1.3.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxPanel" tagprefix="dxp" %>
<%@ Register assembly="DevExpress.Web.v9.1, Version=9.1.3.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxObjectContainer" tagprefix="dxoc" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeaderContentPlaceHolder" Runat="Server">
    <style type="text/css">
        .style1
        {
            width: 72%;
            margin-left:auto;
            margin-right:auto;
        }
        .style3
        {
            width: 109px;
        }
        .style4
        {
            width: 112px;
        }
        .style5
        {
            width: 127px;
        }
        .style6
        {
            width: 91px;
        }
        .style7
        {
            width: 108px;
        }
    
    #estSalesTable th
    {
    	background-color: #e6e6e6;
    	text-align: center;
    	border: solid 1px black;
    }
    
        .style8
        {
            width: 72%;
            margin-left:auto;
            margin-right: auto;
        }
        
        .style8 tr td
        {
        	text-align:center;
        	font-size: 14pt;
        	font-weight:bold;
        	width: 50%;
        }
        
        .style8 tr td img
        {
        	width: 100px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="SidebarContentPlaceHolder" Runat="Server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContentPlaceHolder" Runat="Server">
    <div style="overflow:auto;">
<asp:Panel ID="Panel2" runat="server" Height="400px" ScrollBars="Vertical" 
        Direction="LeftToRight">
        <asp:LinkButton ID="LinkButton1" runat="server" Width="150px"></asp:LinkButton>
    <asp:Panel ID="Panel1" runat="server" Height="146px" HorizontalAlign="Justify">
        <asp:Label ID="TimeLabel" runat="server" Text="Mortgage Remaining">
        </asp:Label>
        <asp:Textbox ID="ASPxTextBox1" runat="server" Width="170px">
        </asp:Textbox>
        <br />
        <asp:Label ID="MaintanenceCost" runat="server" 
            Text="Monthly Maintanence Cost">
        </asp:Label>
        <asp:Textbox ID="ASPxTextBox2" runat="server" Width="170px">
        </asp:Textbox>
        <br />
        <asp:Button ID="ASPxButton1" runat="server" Text="Re-Calc" Font-Size="Small" onclick="ASPxButton1_Click">
        </asp:Button>
        <asp:Label ID="Label9" runat="server" ForeColor="#CC0000" 
            Text="Input Invalid - Only numeric characters accepted." Visible="False"></asp:Label>
        <br />
        <br />
    </asp:Panel>
    <cc1:CollapsiblePanelExtender ID="Panel1_CollapsiblePanelExtender" 
        runat="server" Enabled="True" TargetControlID="Panel1" 
            CollapseControlID="LinkButton1" Collapsed="True" 
            CollapsedText="Show Advanced Options" ExpandControlID="LinkButton1" 
            ExpandedSize="150" ExpandedText="Hide Advanced Options" 
        SuppressPostBack="True" TextLabelID="LinkButton1">
    </cc1:CollapsiblePanelExtender>

<div style="text-align:center;margin-left:auto;margin-right:auto;">
    <h2>
        Graphs of Actual Past Values and Estimated Future Values</h2>
    <br />
    <asp:Chart ID="Chart1" runat="server" Height="270px" Width="503px" BorderlineColor="DimGray">
        <Series>
            <asp:Series ChartArea="ChartArea1" Name="Series1" ChartType="Line" 
                IsXValueIndexed="True">
            </asp:Series>
        </Series>
        <ChartAreas>
            <asp:ChartArea Name="ChartArea1">
                <AxisY Title="Value ($)">
                    <MajorGrid LineColor="Gainsboro" />
                    <MinorGrid LineColor="Gainsboro" />
                </AxisY>
                <AxisX Title="Year">
                    <MajorGrid LineColor="Gainsboro" />
                    <MinorGrid LineColor="Gainsboro" />
                </AxisX>
            </asp:ChartArea>
        </ChartAreas>
    </asp:Chart>
            <br />
    <br />
    <asp:Chart ID="Chart2" runat="server" BorderlineColor="DimGray" Height="270px" Width="503px">
        <Series>
            <asp:Series ChartArea="ChartArea1" ChartType="Line" IsXValueIndexed="True" 
                Name="Series1">
            </asp:Series>
        </Series>
        <ChartAreas>
            <asp:ChartArea Name="ChartArea1">
                <AxisY Title="Value ($)">
                    <MajorGrid LineColor="Gainsboro" />
                    <MinorGrid LineColor="Gainsboro" />
                </AxisY>
                <AxisX Title="Year">
                    <MajorGrid LineColor="Gainsboro" />
                    <MinorGrid LineColor="Gainsboro" />
                </AxisX>
            </asp:ChartArea>
        </ChartAreas>
    </asp:Chart>
<br />
    <h2>
        Estimated Future Sale Price</h2>
    <table border="1" cellpadding="1" cellspacing="1" class="style1" 
        title="Estimated Future Sale Price">
        <tr>
            <td class="style3">
                Listing Date</td>
            <td class="style6">
                Now</td>
            <td class="style4">
                3 months</td>
            <td class="style7">
                6 months</td>
            <td class="style5">
                12 months</td>
        </tr>
        <tr>
            <td class="style3">
                Estimated Price</td>
            <td class="style6">
                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
            </td>
            <td class="style4">
                <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
            </td>
            <td class="style7">
                <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>
            </td>
            <td class="style5">
                <asp:Label ID="Label4" runat="server" Text="Label"></asp:Label>
            </td>
        </tr>
        <tr>
            <td class="style3">
                Net Profit (Loss)</td>
            <td class="style6">
                <asp:Label ID="Label5" runat="server" Text="Label"></asp:Label>
            </td>
            <td class="style4">
                <asp:Label ID="Label6" runat="server" Text="Label"></asp:Label>
            </td>
            <td class="style7">
                <asp:Label ID="Label7" runat="server" Text="Label"></asp:Label>
            </td>
            <td class="style5">
                <asp:Label ID="Label8" runat="server" Text="Label"></asp:Label>
            </td>
        </tr>
    </table>
    <br />
    <h2>
        Current Estimates From Other Sources</h2>
    <table class="style8">
        <tr>
            <td>
                <asp:Literal ID="ZillowLabel" runat="server" Text="n/a"></asp:Literal>
            </td>
            <td>
                <asp:Literal ID="CHLabel" runat="server" Text="n/a"></asp:Literal>
            </td>
        </tr>    
        <tr>
            <td>
                <asp:HyperLink ID="ZillowLogo" runat="server" 
                    ImageUrl="~/images/ZillowLogo.jpg" NavigateUrl="http://www.zillow.com"></asp:HyperLink>
            </td>
            <td>
                <asp:HyperLink ID="CHLogo" runat="server" 
                    ImageUrl="~/images/CyberHomesLogo.jpg" NavigateUrl="http://www.cyberhomes.com" 
                    TabIndex="1" Width="227px"></asp:HyperLink>
            </td>
        </tr>

    </table>
</div>
    </asp:Panel>
    
</div>
</asp:Content>